<style>
    body {
        max-width: 1200px;
        margin: 0 auto;
        padding: 20px;
        font-family: system-ui, -apple-system, sans-serif;
    }

    .gallery {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
        gap: 20px;
        margin-bottom: 30px;
    }

    img {
        width: 100%;
        height: auto;
        border-radius: 8px;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    }

    .reminder {
        text-align: center;
        margin: 20px 0;
        font-size: 18px;
        color: #555;
    }

    .counter {
        text-align: center;
        margin-top: 20px;
    }

    .counter img {
        width: 476px;
        height: 150px;
    }
</style>

<body>
    <div class="gallery">
        <img src="https://api.t1qq.com/api/sky/gy/sc/json/mf.jpg" alt="图片1"
            onerror="this.src='data:image/svg+xml,<svg xmlns=%22http:\/\/www.w3.org/2000/svg%22 viewBox=%220 0 300 200%22><rect width=%22300%22 height=%22200%22 fill=%22%23cccccc%22></rect><text x=%22150%22 y=%22100%22 fill=%22%23999999%22 text-anchor=%22middle%22 dominant-baseline=%22middle%22>图片加载失败</text></svg>'">
        <img src="https://api.t1qq.com/api/sky/gy/sc/tlonsky/json/mrrw.jpg" alt="图片2"
            onerror="this.src='data:image/svg+xml,<svg xmlns=%22http:\/\/www.w3.org/2000/svg%22 viewBox=%220 0 300 200%22><rect width=%22300%22 height=%22200%22 fill=%22%23cccccc%22></rect><text x=%22150%22 y=%22100%22 fill=%22%23999999%22 text-anchor=%22middle%22 dominant-baseline=%22middle%22>图片加载失败</text></svg>'">
        <img src="https://api.t1qq.com/api/sky/gy/sc/tlonsky/json/scjl.jpg" alt="图片3"
            onerror="this.src='data:image/svg+xml,<svg xmlns=%22http:\/\/www.w3.org/2000/svg%22 viewBox=%220 0 300 200%22><rect width=%22300%22 height=%22200%22 fill=%22%23cccccc%22></rect><text x=%22150%22 y=%22100%22 fill=%22%23999999%22 text-anchor=%22middle%22 dominant-baseline=%22middle%22>图片加载失败</text></svg>'">
        <img src="https://api.t1qq.com/api/sky/gy/sc/tlonsky/json/scdl.jpg" alt="图片4"
            onerror="this.src='data:image/svg+xml,<svg xmlns=%22http:\/\/www.w3.org/2000/svg%22 viewBox=%220 0 300 200%22><rect width=%22300%22 height=%22200%22 fill=%22%23cccccc%22></rect><text x=%22150%22 y=%22100%22 fill=%22%23999999%22 text-anchor=%22middle%22 dominant-baseline=%22middle%22>图片加载失败</text></svg>'">
    </div>
    <div class="reminder">
        <p>看不清请发送【任务图】</p>
    </div>
    <div class="counter">
        <!-- capoo-1 -->
        <img src="https://count.getloli.com/@Ts_RW?name=Ts_RW&theme=random&padding=7&offset=0&align=top&scale=1&pixelated=1&darkmode=auto" alt="访问统计">
    </div>
    <script>
        document.addEventListener("DOMContentLoaded", function() {
            const images = document.querySelectorAll('.gallery img');
            images.forEach(img => {
                const originalSrc = img.src;
                img.src = originalSrc + '?t=' + new Date().getTime(); // 添加时间戳以防止缓存
                img.onerror = function() {
                    this.src = 'data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 300 200%22><rect width=%22300%22 height=%22200%22 fill=%22%23cccccc%22></rect><text x=%22150%22 y=%22100%22 fill=%22%23999999%22 text-anchor=%22middle%22 dominant-baseline=%22middle%22>图片加载失败</text></svg>';
                };
            });
        });
    </script>
</body>